<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
        <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
        <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/style.css">
        <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
	    <link rel="stylesheet" href="${staticpath}/front/dist/css/addAddress.css" />
		<title>添加地址</title>
	</head>
	<body>
		<div class="page-group">
	        <div class="page">
	            <!--头部内容 !-->
	            <header class="bar bar-nav">
	                <a class="icon icon-left pull-left" href="javascript:back();"  >返回</a>
	                <h1 class="title">添加地址</h1>
	            </header>
	         <div class="content addAddress">
				 <div class="list-block">
		  			  <ul>
				      <!-- Text inputs -->
					      <li>
					        <div class="item-content">
					          <div class="item-media"><i class="icon icon-form-name"></i></div>
					          <div class="item-inner">
					            <div class="item-title label">收货人</div>
					            <div class="item-input">
					              <input type="text" class="r-name" placeholder="请输入收货人姓名">
					            </div>
					          </div>
					        </div>
					      </li>
					      <li>
					        <div class="item-content">
					          <div class="item-media"><i class="icon icon-form-email"></i></div>
					          <div class="item-inner">
					            <div class="item-title label">手机号码</div>
					            <div class="item-input">
					              <input type="tel" class="r-tel" placeholder="请输入手机号码">
					            </div>
					          </div>
					        </div>
					      </li>
					      <li>
					        <div class="item-content">
					          <div class="item-media"><i class="icon icon-form-password"></i></div>
					          <div class="item-inner">
					            <div class="item-title label">配送地址</div>
					            <div class="item-input">
					              <input type="text" class="r-area" readonly="readonly" id="city-picker" placeholder="请选择地区" class="">
					            </div>
					          </div>
					        </div>
					      </li>
					       <li class="mt0">
					        <div class="item-content">
					          <div class="item-media"><i class="icon icon-form-password"></i></div>
					          <div class="item-inner">
					            <div class="item-title label">详细地址</div>
					            <div class="item-input">
					              <input type="text" class="r-area-detail" placeholder="请填写详细地址，门牌号" class="">
					            </div>
					          </div>
					        </div>
					      </li>
				    </ul>
	 			 </div>
	       	 	<!--确定按钮-->
	       	 	<a href="javascript:;" class="add-confirm">确定</a>
	         </div>
       </div>
       
       
	<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
    <script type="text/javascript">$.config={router:false}</script>
    <script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
	<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
    <script type='text/javascript' src='${staticpath}/front/dist/js/addAddress.js' charset='utf-8'></script>
    <script type="text/javascript" src="//g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js" charset="utf-8"></script>
    <script>
	  $("#city-picker").cityPicker({
	    toolbarTemplate: '<header class="bar bar-nav">\
	    <button class="button button-link pull-right close-picker">确定</button>\
	    <h1 class="title">选择收货地址</h1>\
	    </header>'
	  });
      onload=function(){
          var e=document.getElementById("refreshed");
          if(e.value=="no")
              e.value="yes";
          else{e.value="no";location.reload();}
      }
      function back(){
          window.history.go(-1);
          return false;
      }
	</script>
    <script type="text/javascript">$.init();</script>
	</body>
	
</html>
